html,body,div,ul,li,ol,dl,dt,dd,p,img,span,input,select,em,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; border: 0;}
body{ font-size: 14px; font-family: 'Microsoft Yahei',sans-serif;}
html,body{ height: 100%;}
a:link,a:visited,a:hover,a:active{ text-decoration: none; color: #09c;}
a:hover{ color: #0061a6; }
li{ list-style-type: none;}
.clearfix{clear: both; zoom: 1;}

.c-body{ height: 100%; background: url(../images/login-bg.png) top center no-repeat; }

.c-logo h1{ position: absolute; width: 300px; height: 40px; line-height: 40px; font-size: 24px; font-weight: normal; color: #fff; position: relative; left: 50%; top: 50px; margin-left: -150px; text-align: center; text-indent: -20px;}
.c-logo span{ display: block; padding: 0 5px; line-height: 16px; overflow: hidden; background: #f83; position: absolute; right: 25px; top: 10px; font-size: 9px; border-radius: 2px; text-indent: 0; }
.c-group{ width: 300px; background:#fff; background: rgba(255,255,255,.9);  border-radius: 10px; box-shadow: 0 0 10px #0d4a74; position: absolute; top: 20%; left: 50%; margin-left: -190px; padding: 20px 30px 10px;}
.c-tabs{ border-bottom: 1px solid #ccc; height: 30px; }
.c-tabs li{ padding: 0 15px; position: relative; line-height: 26px; height: 30px; display: inline-block; cursor: pointer; color: #555;}
.c-tabs li.active{ color: #f83; border-bottom: 2px solid #f83; top: 0px; line-height: 28px; font-weight: 700;}

.c-control-form{}
.c-control-form li{ clear: both; zoom: 1; position: relative;}
.c-control-form label{ width: 38px; height: 38px; border: 1px solid #ccc; background: #ddd; display: inline-block; float: left; margin-bottom: 30px; border-radius: 3px 0 0 3px;}
.c-control-form i{ width: 30px; height: 30px; background: url(../images/skin.png) 0 0 no-repeat; display: inline-block; float: left;}
.c-control-form .c-icon-name{ background-position: 0 -58px; margin-top: 4px; margin-left: 4px; }
.c-control-form .c-icon-pwd{ background-position: -30px -58px; margin-top: 4px; margin-left: 4px;}
.c-control-form .c-icon-code{ background-position: -60px -58px; margin-top: 4px; margin-left: 4px;}
.c-control-form .c-icon-help{ background-position: 0px -88px; }
.c-control-form input{border: 1px solid #ccc; height: 38px; padding: 0 9px; display: inline-block; float: left; margin-left: -1px; width: 241px; margin-bottom: 30px; border-radius: 0 3px 3px 0;}
.c-control-form img{ border: 1px solid #ccc; display: inline-block; margin-left: 20px; float: left; margin-bottom: 30px; border-radius: 3px;}
.c-control-form .input-sm{ width: 111px; }
.c-control-form .c-btn a{ width: 100%; height: 50px; background: #f83; color: #fff; line-height: 50px; display: block; text-align: center; border-radius: 3px; font-size: 17px; }
.c-control-form .c-btn a:hover{ background: #e35f00; }
.c-control-form .c-links{ text-align: right; padding: 15px 0 10px; }
.c-control-form .c-err{ text-align: center; color: #f83; line-height: 30px; padding: 5px 0; height: 30px; overflow: hidden; }
.c-control-form .c-tips{ position: absolute; right: 0; top: 40px; line-height: 30px; font-size: 12px; }
.c-copyright{ position: absolute; bottom: 10px; color: #fff; text-align: center; width: 100%; font-size: 12px; }
















/*.c-form-wrap{ width: 300px; background:#fff; background: rgba(255,255,255,.9);  border-radius: 10px; box-shadow: 0 0 10px #0d4a74; position: absolute; top: 50%; left: 50%; margin-left: -190px; margin-top: -230px; padding: 10px 30px;}
.c-tabs{ border-bottom: 1px solid #ccc; }
.c-tabs a{ padding: 0 15px; position: relative; line-height: 30px; height: 30px; display: inline-block;}
.c-tabs a.active{ color: #f83; border-bottom: 2px solid #f83; top: 2px; font-weight: 700; }
.c-form-group{ clear: both; zoom: 1; padding: 30px 0 0; position: relative; }
.c-form-group label{ float: left; width: 38px; height: 38px; border: 1px solid #ccc; background: #ddd; border-radius: 2px 0 0 2px; }
.c-form-group label i{ width: 30px; height: 30px; background: url(../images_fb/skin.png) 0 0 no-repeat; display: block; margin-top: 4px; margin-left: 4px;}
.c-form-group .c-icon-name{ background-position: 0 -58px; }
.c-form-group .c-icon-pwd{ background-position: -30px -58px;}
.c-form-group .c-icon-code{ background-position: -60px -58px;}

.c-form-group input{ border: 1px solid #ccc; height: 38px; background: #fff; padding: 0 9px;  font-size: 14px; line-height: 38px; color: #555; float: left; border-radius: 0 2px 2px 0; margin-left: -1px;}
.c-form-group img{ border: 1px solid #ccc; border-radius: 2px; margin-left: 20px; display: inline-block;}
.c-form-group .c-input-lg{ width: 241px; }
.c-form-group .c-input-sm{ width: 111px; }

.c-form-group .c-btn{ width: 100%; height: 50px; border-radius: 3px; background: #f83; color: #fff; text-align: center; line-height: 50px; display: inline-block; font-size: 18px; }
.c-form-group .c-btn:hover{ background: #e56000; }*/